<template>
  <view v-if="isLoad" class="login" :style="appThemeStyle">
    <MpWeixin v-if="isMpWeixinAuth" @success="onGetUserInfoSuccess" />
    <WxOfficial v-else-if="isWxOfficialAuth" @success="onGetUserInfoSuccess" />
    <Main v-else :isParty="isParty" :partyData="partyData" :isMpWeixinMobile="isMpWeixinMobile" />
	<!-- <WeixinMobile></WeixinMobile> -->
  </view>
</template>

<script>
  import Main from './components/main'
  import MpWeixin from './components/mp-weixin'
  import WxOfficial from './components/wx-official'
  import WeixinMobile from './components/mp-weixin-mobile'
  import storage from '@/utils/storage'
  export default {
    components: {
      Main,
      MpWeixin,
      WxOfficial,
	  WeixinMobile
    },

    data() {
      return {
        isLoad: false,
        // 注册设置 (后台设置)
        setting: {},
        // 是否显示微信小程序授权登录
        isMpWeixinAuth: false,
        // 是否显示微信小程序端 一键授权手机号
        isMpWeixinMobile: true,
        // 是否显示微信公众号授权登录
        isWxOfficialAuth: false
      }
    },

    /**
     * 生命周期函数--监听页面加载
     */
    async onLoad(options) {
      // 获取设置
      await this.getRegisterSetting()
      await this.setShowUserInfo()
      // 数据加载完成
      this.isLoad = true
    },

    methods: {
      async getRegisterSetting() {
        this.setting = storage.get('baseInfo')
		
      },

    
      async setShowUserInfo() {
        const app = this
        // 判断当前客户端是微信小程序, 并且支持getUserProfile接口
        const isMpWeixin = app.platform === 1
        const isWxOfficial = app.platform === 2 && this.setting.login.isWxOfficialAuth == 1;
        // 判断是否显示第三方授权登录
        app.isMpWeixinAuth = isMpWeixin 
        app.isMpWeixinMobile = isMpWeixin 
        app.isWxOfficialAuth = isWxOfficial 

	},

      // 获取到用户信息的回调函数
      onGetUserInfoSuccess(result) {
        // 显示注册页面
        this.onShowRegister()
      },

      // 显示注册页面
      onShowRegister() {
        // 是否显示微信小程序授权登录
        if (this.partyData.oauth === 'MP-WEIXIN') {
          this.isMpWeixinAuth = false
        }
        // 是否显示微信公众号授权登录
        if (this.partyData.oauth === 'WXOFFICIAL') {
          this.isWxOfficialAuth = false
        }
      },
    }
  }
</script>

<style lang="scss" scoped>

</style>